<template>
	<div>
		<div class="borderBottom">
			<p>
				<label for="" style="width:100px;text-align:right;display:inline-block;margin-right: 30px ;"><span style="color: red;">*</span>姓名:</label><el-checkbox disabled checked style="margin-right: 30px">必填</el-checkbox><el-input placeholder="报名用户的姓名或昵称" disabled  style="width: 230px;margin-right:30px"></el-input>
			</p>
			<p>
				<label for="" style="width:100px;text-align:right;display:inline-block;margin-right: 30px ;"><span style="color: red;">*</span>手机号码:</label><el-checkbox disabled checked style="margin-right: 30px">必填</el-checkbox><el-input placeholder="报名用户的手机号码" disabled  style="width: 230px;margin-right:30px"></el-input>
			</p>
		</div>
		<div class="borderBottom">
			<p>
				<label for="" style="width:100px;text-align:right;display:inline-block;margin-right: 30px ;">自定义字段1:</label>
				<el-checkbox v-model="isAllowNull1" style="margin-right: 30px">必填</el-checkbox>
				<el-input v-model="defineCode1" placeholder="请输入内容"  style="width: 230px;margin-right:30px"></el-input>
				<el-checkbox v-model="isTextarea1" style="margin-right: 30px">多行文本框(默认单行)</el-checkbox>
				<el-checkbox v-model="isOpen1">是否开启</el-checkbox>
				<label for="" style="width:100px;text-align:right;display:inline-block;margin-right: 30px ;">排序:</label><el-input v-model="order1" style="width: 50px"></el-input>
			</p>
			<p>
				<label for="" style="width:100px;text-align:right;display:inline-block;margin-right: 30px ;">自定义字段2:</label>
				<el-checkbox v-model="isAllowNull2" style="margin-right: 30px">必填</el-checkbox>
				<el-input v-model="defineCode2" placeholder="请输入内容"  style="width: 230px;margin-right:30px"></el-input>
				<el-checkbox v-model="isTextarea2" style="margin-right: 30px">多行文本框(默认单行)</el-checkbox>
				<el-checkbox v-model="isOpen2">是否开启</el-checkbox>
				<label for="" style="width:100px;text-align:right;display:inline-block;margin-right: 30px ;">排序:</label><el-input v-model="order2" style="width: 50px"></el-input>
			</p>
			<p>
				<label for="" style="width:100px;text-align:right;display:inline-block;margin-right: 30px ;">自定义字段3:</label>
				<el-checkbox v-model="isAllowNull3" style="margin-right: 30px">必填</el-checkbox>
				<el-input v-model="defineCode3" placeholder="请输入内容"  style="width: 230px;margin-right:30px"></el-input>
				<el-checkbox v-model="isTextarea3" style="margin-right: 30px">多行文本框(默认单行)</el-checkbox>
				<el-checkbox v-model="isOpen3">是否开启</el-checkbox>
				<label for="" style="width:100px;text-align:right;display:inline-block;margin-right: 30px ;">排序:</label><el-input v-model="order3" style="width: 50px"></el-input>
			</p>
			<p>
				<label for="" style="width:100px;text-align:right;display:inline-block;margin-right: 30px ;">自定义字段4:</label>
				<el-checkbox v-model="isAllowNull4" style="margin-right: 30px">必填</el-checkbox>
				<el-input v-model="defineCode4" placeholder="请输入内容"  style="width: 230px;margin-right:30px"></el-input>
				<el-checkbox v-model="isTextarea4" style="margin-right: 30px">多行文本框(默认单行)</el-checkbox>
				<el-checkbox v-model="isOpen4">是否开启</el-checkbox>
				<label for="" style="width:100px;text-align:right;display:inline-block;margin-right: 30px ;">排序:</label><el-input v-model="order4" style="width: 50px"></el-input>
			</p>
			<p>
				<label for="" style="width:100px;text-align:right;display:inline-block;margin-right: 30px ;">自定义字段5:</label>
				<el-checkbox v-model="isAllowNull5" style="margin-right: 30px">必填</el-checkbox>
				<el-input v-model="defineCode5" placeholder="请输入内容"  style="width: 230px;margin-right:30px"></el-input>
				<el-checkbox v-model="isTextarea5" style="margin-right: 30px">多行文本框(默认单行)</el-checkbox>
				<el-checkbox v-model="isOpen5">是否开启</el-checkbox>
				<label for="" style="width:100px;text-align:right;display:inline-block;margin-right: 30px ;">排序:</label><el-input v-model="order5" style="width: 50px"></el-input>
			</p>
		</div>
		<p style="text-align: center"><el-button type="primary" icon="el-icon-check">保存</el-button></p>
	</div>
</template>
<script>
  const listQuery = {
    isAllowNull1: false,
    defineCode1: '',
    isTextarea1: false,
    isOpen1: false,
    order1: '12',
    isAllowNull2: false,
    defineCode2: '',
    isTextarea2: false,
    isOpen2: false,
    order2: '12',
    isAllowNull3: false,
    defineCode3: '',
    isTextarea3: false,
    isOpen3: false,
    order3: '12',
    isAllowNull4: false,
    defineCode4: '',
    isTextarea4: false,
    isOpen4: false,
    order4: '12',
    isAllowNull5: false,
    defineCode5: '',
    isTextarea5: false,
    isOpen5: false,
    order5: '12'
  }
  export default {
    data() {
      return {
        listQuery
      }
    }
  }
</script>
<style scoped>
	h4{
		border-bottom: 1px solid #eee;
		padding-bottom: 20px;
		padding-left: 150px;
		font-size: 14px;
	}
	.borderBottom{
		border-bottom: 1px solid #eee;
	}
	label{
		font-weight: 500;
		font-size: 14px;
	}
</style>